<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8;" />

<style>
*{margin:0;padding:0;font-family:"微软雅黑"}
body{text-align:center;}
ul,li{list-style:none;}
.charge_wrap{width:800px;_width:810px;margin:0 auto;}
.charegeMenu{width:200px;height:auto!important; height:500px;  min-height:500px;float:left; background:#f0f0f0;}
.charegeMenu li {clear:both;height:40;color:#ec862a;;border-bottom:1px solid #ccc;width:100%;float:left;}
.charegeMenu li div {float:left;}
.menuPic{overflow:hidden;margin-left:40px;_margin-left:20px;height:26px;position:relative;top:8px;margin-right:5px;}
.charegeMenu li.menuOn{background:#ec862a;color:#fff;}
.menuPic.pic01{_width:26px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dqchat/Public/img/menu1.png');}
.menuOn .menuPic.pic01{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dqchat/Public/img/hmenu1.png');}
.menuPic.pic02{_width:29px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dqchat/Public/img/menu2.png');}
.menuOn .menuPic.pic02{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dqchat/Public/img/hmenu2.png');}
.menuPic.pic03{_width:28px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dqchat/Public/img/menu3.png');}
.menuOn .menuPic.pic03{_width:28px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dqchat/Public/img/hmenu3.png');}
.menuTitle{font-size:14px;height:40px;line-height:40px;}
.chargeMain{float:right;width:585px;background:#fff;}
.chargeTitle{text-align:left;line-height:40px;width:100%;height:40px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/dqchat/Public/img/charbg.png');}
.chargeTitle span{padding-left:20px;color:#ec862a;font-size:16px;}
.step{text-align:left;}
.chareform{width:300px;margin:0 auto;margin-top:30px;}
.chareform  li {text-align:left;margin-bottom:10px;height:30px;line-height:30px;}
.chareform  li input{border:1px solid #ccc;width:180px;height:30px;line-height:30px;padding-left:5px;}
.chareform label{display:block;float:left;width:80px;height:30px;line-height:30px;}
#money{color:red;}
.chareform  li i {font-size:14px;color:#ccc;font-style:normal;}
.chareform  li.charesure{cursor:pointer;width:100px;margin:0 auto;background:#5babff;color:#fff;text-align:center;}
.iconDetail{width:510px;margin:0 auto;}
.iconDetail h3{text-align:left;padding-left:10px;margin-top:20px;margin-bottom:5px;font-weight:normal;font-size:16px;}
.iconItem{border:1px solid #ccc;border-bottom:none;border-right:none;width:100%;float:left;}
.iconItem td {text-align:left;font-size:16px;float:left;width:248px;_width:254px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#ec862a;height:30px; line-height:30px;padding-left:5px;}
</style>

<link  id="iepng" href="" type="text/css" rel="stylesheet">
<script>
   if(window.XMLHttpRequest)
    {
        document.getElementById('iepng').href="/dqchat/Public/css/normal.css";
    }
</script>
<script type="text/javascript" src="/dqchat/Public/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" >
function iFrameHeight() {
    var ifm = document.getElementById("homepage");
    var subWeb = document.frames ? document.frames["homepage"].document : ifm.contentDocument;
    if (ifm != null && subWeb != null) {
         ifm.height = subWeb.body.scrollHeight;
    }
}
</script>

</head>
<body>
<div class="charge_wrap">
	<!--	<div style="clear:both"></div>
	<div class="home_logo"><?php echo C('copyright');?></div>


	<div style="clear:both"></div>
	<iframe frameborder="0" style="overflow-y:auto;" noresize="noresoze" scrolling="no" onload="iFrameHeight();" id="homepage" name="homepage" src="<?php echo U('Login/index');?>">	
	</iframe>-->

	<ul class="charegeMenu">
		<li class="menuOn">
			<div class="menuPic pic01"></div>
			<div class="menuTitle">充值中心</div>
		</li>	
		<li>
			<div class="menuPic pic02"></div>
			<div class="menuTitle">会员购买</div>
		</li>
		<li>
			<div class="menuPic pic03"></div>
			<div class="menuTitle">配车购买</div>
		</li>		
	</ul>
	<div class="chargeMain">
		<div class="chargeTitle"><span>网银充值金币</span></div>
		<div class="step"><img src="/dqchat/Public/img/step1.jpg" /></div>
		<form>
		<ul class="chareform">
			<li><label>充值帐号：</label><input type="text" name="account" /></li>
			<li><label>确认帐号：</label><input type="text" name="confirm" /></li>
			<li><label>充值数量：</label><select name="choose"><option>10元</option><option>20元</option></select><i>(等于100万金币)</i></li>
			<li><label>应付金额：</label><span id="money">10.0</span>元</li>
			<li class="charesure">下一步</li>
		</ul>
		</form>
		<div class="iconDetail">
			<h3>财富图标说明</h3>
			<table class="iconItem" cellspacing=0 cellpadding=0>
				<tr>
					<td><strong>财富范围</strong></td>
					<td><strong>财富图标</strong></td>
				</tr>
				<tr>
					<td>0至9999</td>
					<td><img src="/dqchat/Public/img/caifu1.jpg" /></td>
				</tr>
				<tr>
					<td>10000至99999</td>			
					<td><img src="/dqchat/Public/img/caifu2.jpg" /></td>
				</tr>
				<tr>
					<td>100000至999999</td>
					<td><img src="/dqchat/Public/img/caifu3.jpg" /></td>				
				</tr>
				<tr>
					<td>1000000至4999999</td>
					<td><img src="/dqchat/Public/img/caifu4.jpg" /></td>				
				</tr>	
				<tr>
					<td>5000000至9999999</td>
					<td><img src="/dqchat/Public/img/caifu5.jpg" /></td>				
				</tr>	
				<tr>
					<td>10000000以上</td>
					<td><img src="/dqchat/Public/img/caifu6.jpg" /></td>				
				</tr>					
			</table>

			
		</div>
	</div>
	
	<div style="clear:both"></div>

</div>
</body>
</html>